<!DOCTYPE html>

<html lang="en">

	<head>

		<meta charset="utf-8" />

		<title>查询列表</title>

		<!-- IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 设置 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 兼容国产浏览器的高速模式 -->
		<meta name="renderer" content="webkit">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<!-- BEGIN 全局样式 -->
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link href="../../lib/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/bootstrap-daterangepicker/daterangepicker.css" />
		<!-- END 全局样式 -->
		<style type="text/css">

		</style>
	</head>

	<body class="">
		<div class="container-fluid">
			<div class="searchBox mt-10">
				<form class="form-inline form">
					<div class="form-group">
						<input type="text" id="startTime" class="form-control" placeholder="点击选择日期" name="startTime">
					</div>
					<div class="form-group">
						<input type="text" id="endTime" class="form-control" placeholder="点击选择日期" name="endTime">
					</div>

					<div class="form-group" style="width: 200px;margin: 0 auto;">
						<input type="text" class="form-control" id="keyword" placeholder="请输入关键字" name="keyword">
					</div>
					<div class="form-group">
						<select name="state" id="state" class="form-control" >
							<option value="0">全部状态</option>
							<option value="1">迟到</option>
							<option value="2">早退</option>
							<option value="3">旷工</option>
							<option value="4">正常</option>
						</select>
					</div>
					<div class="form-group">
						<button type="button" class="btn btn-success btn-search">
				  			<span class="glyphicon glyphicon-search"></span>
				  			搜索
				  		</button>
					</div>
				</form>

			</div>
			

			<div class="row">
				<div class="col-sm-6 tableBox">
					<div class="mb-10 mt-10 parentClear">
						<div class="rf pt-10">
							<span>总共</span>
							<b class="nTotal">0</b>
							<span>条</span>
						</div>
					</div>
					<table class="table table-bordered table-hover table-striped table-vertical" id="table1">
						<thead>
							<tr class="text-c">
								<th>编号</th>
								<th>时间</th>
								<th>姓名</th>
								<th>员工编号</th>
								<th>年级</th>
								<th>科组</th>
								<th>职务</th>
								<th>状态</th>
							</tr>

						</thead>
						<tbody>
							<tr class="text-c">
								<td class="td-num">1</td>
								<td>
									2018-05-15 09:30:21
								</td>
								<td>肖浩斌</td>
								<td class="">0108</td>
								<td class="">
									高二
								</td>
								<td class="">
									语文
								</td>
								<td class="">
									班主任
								</td>
								<td>
									正常
								</td>

							</tr>
						</tbody>
					</table>

				</div>
				<div class="col-sm-6 chartBox">
					<div id="chart_1" style="min-height: 400px;"></div>
					<div id="allState" style="min-height: 500px;"></div>
				</div>
			</div>

		</div>

		<!--核心脚本sss-->
		<script src="../../lib/jquery/1.9.1/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/layer/2.4/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/laypage/1.2/laypage.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/bootstrap-3.3.7-dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

		<script src="../../js/common/jsrsasign-all-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/crypto-js.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/jquery.myPlugIn_v1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/localstorage-ie.js" type="text/javascript" charset="utf-8"></script>

		<script src="../../lib/bootstrap-daterangepicker/moment.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/echarts/echarts.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../json/data.js" type="text/javascript" charset="utf-8"></script>
		<script src="searchList.js" type="text/javascript" charset="utf-8"></script>
		
		<!--[if lt IE 9]>
		<script src="../../js/excanvas.min.js"></script>
		<script src="../../js/respond.min.js"></script>  
		<![endif]-->
		<!--核心脚本eee-->

		<script type="text/javascript">
			$(document).ready(function() {
				$.ininPage();
			});
		</script>
	</body>

</html>